<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<div class="top-head"><a href="个人中心.html"><img src="../images/p-male.png" alt=""></a></div>
	<h1 class="mui-title"><img src="../images/logo.png" alt="" class="logo-img" /></h1>
    <div class="top-right">
    	<a href="消息中心.html"><i class="icon icon-message new"></i></a>
    </div>
</header>
<div class="mui-content">
	<div class="index-nav">
    	<a href="花钱-订单.html"><label><i class="icon icon-nav1"></i></label><p>花钱订单</p></a>
    	<a href="早起挑战.html"><img src="../images/lark.gif" alt="早起挑战" /></a>
    	<a href="帮助中心.html"><label><i class="icon icon-nav2"></i></label><p>帮助</p></a>
    	<a href="个人中心-分享涨收益.html"><label><i class="icon icon-nav3"></i></label><p>分享</p></a>
    </div>
    <div class="index-silder mt10">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="玩转靓粉吧.html"><img src="../images/example/example1.jpg" alt="" /></a></div>
				<div class="swiper-slide"><a href="玩转靓粉吧.html"><img src="../images/example/example1.jpg" alt="" /></a></div>
			</div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="index-report mt10">
    	<div class="tot-title">生钱报表</div>
        <div class="ir-earn">
        	<a href="生钱-收益明细.html" class="ir-earn-detail"><i class="icon icon-detail"></i>明细</a>
        	<p class="c-666">累计收益</p>
            <p class="c-f24 c-bold">0.328</p>
        </div>
        <div class="ir-leave">
        	<a href="javascript:;">
            	<p>今日生钱</p>
                <p class="c-666 c-f15">0.116</p>
            </a>
        	<a href="javascript:;">
            	<p>可用余额</p>
                <p class="c-666 c-f15">0.32</p>
            </a>
        	<a href="javascript:;">
            	<p>花钱总数</p>
                <p class="c-666 c-f15">271.60</p>
            </a>
        </div>
    </div>
    <div class="index-order mt10">
    	<div class="tot-title pl15">最新订单</div>
    	<ul class="c-list">
        	<li class="list-goods" onclick="window.location.href='花钱-订单-已存入.html'">
            	<div class="c-list-img"><img src="../images/example/example2.jpg" alt="" /></div>
                <div class="c-list-info c-pack">
                	<h4 class="lih20 mt3 c-nowrap-multi"><i class="icon icon-piao"></i>小票</h4>
                    <p class="c-f12 c-999">非合作商家小票上限5元</p>
                    <p class="c-f12 mt2"><span class="fr c-999">10小时前</span><i class="tab-keep">已存入</i></p>
                </div>
            </li>
        	<li class="list-goods" onclick="window.location.href='花钱-订单-未存入.html'">
            	<div class="c-list-img"><img src="../images/example/example2.jpg" alt="" /></div>
                <div class="c-list-info c-pack">
                	<h4 class="lih20 mt3 c-nowrap-multi"><i class="icon icon-tao"></i>印第安补梦网风铃羽毛捕梦网挂饰学生毕业礼物创意店铺卧室门饰印第安补梦网风铃羽毛捕梦网挂饰学生毕业礼物创意店铺卧室门饰</h4>
                    <p class="c-f12 mt2"><span class="fr c-999">10小时前</span><i class="tab-keep bgc-ffc448">进行中</i><i class="tab-keep bgc-bebebe">无效</i></p>
                </div>
            </li>
        </ul>
        <a href="花钱-订单.html" class="index-order-more">更多</a>
    </div>
    <div class="plr15 bgc-fff mt10">
    	<div class="tot-title">热门活动</div>
        <div class="index-adv">
        	<a href="javascript:;"><img src="../images/example/example3.jpg" alt="" /></a>
        	<a href="javascript:;"><img src="../images/example/example3.jpg" alt="" /></a>
        </div>
    </div>
    <div class="bgc-fff mt10">
    	<div class="tot-title pl15">你还有福利未领取</div>
        <ul class="c-list mt10">
        	<li class="c-list-a list-goods">
            	<a href="javascript:;">
                    <div class="c-list-img w45"><img src="../images/roll-img1.png" alt="" /></div>
                    <div class="c-list-info c-pack">
                        <h4 class="c-nowrap">摇红包的体力已经恢复了</h4>
                        <p class="c-f12 c-999 mt3 c-nowrap">快去玩一下吧！</p>
                    </div>
                    <div class="c-list-key c-ff425d c-f14 c-pack pl10">去摇</div>
                </a>
            </li>
        </ul>
    </div>
    <div class="bgc-fff mt10">
    	<div class="tot-title pl15">分享-涨收益</div>
        <div class="index-share">
        	<a href="javascript:;"><img src="../images/share-img-lit1.png" alt="" /></a>
        	<a href="javascript:;"><img src="../images/share-img-lit2.png" alt="" /></a>
        	<a href="javascript:;"><img src="../images/share-img-lit3.png" alt="" /></a>
        </div>
    </div>
    <div class="tot-copy"><div>今天花钱 天天生钱</div></div>
    <a href="javascript:;" class="gotop"><i class="icon icon-gotop"></i></a>
</div>
<footer class="mui-bar-footer">
	<div>
        <a href="我.html" class="curr"><p><i class="icon icon-my"></i></p><p>我</p></a>
        <a href="花钱.html"><p><i class="icon icon-spent"></i></p><p>花钱</p></a>
        <a href="生活.html"><p><i class="icon icon-life"></i></p><p>生活</p></a>
        <a href="生钱.html"><p><i class="icon icon-earn"></i></p><p>生钱</p></a>
    </div>
</footer>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<link rel="stylesheet" href="../widget/swiper/css/swiper.min.css" type="text/css" />
<script type="text/javascript" src="../widget/swiper/js/swiper.min.js"></script>
<script type="text/javascript">
var swiper = new Swiper('.swiper-container', {
	pagination: {
		el: '.swiper-pagination',
	}
});

$(function(){
	$(window).scroll(function(){
		var sctop = $(this).scrollTop();
		if(sctop > 150){
			$('.gotop').show(300);
		}else if(sctop < 140){
			$('.gotop').hide(300);	
		}
	});
	$('.gotop').on('click',function(){
		$('body,html').animate({scrollTop:0},300);
	});
});

//初次登录送红包
var packPop = function(){
	var phtml = '<div class="pack-pop">'+
					'<div class="pack-top"><p>靓粉吧送你一个新人红包</p><h4><i>200</i>元</h4></div>'+
					'<div class="pack-box"><p>靓粉吧会把你每一笔话费计入靓粉吧每天为你生钱</p><a href="javascript:;" class="pack-btn">好的，我知道了</a></div>'+
				'</div>'+
				'<div class="pack-pop-mb"></div>';
	$('body').append(phtml);
	$('.pack-btn').click(function(){
		$('.pack-pop,.pack-pop-mb').remove();
		var thtml = '<div class="cointip"><i class="icon icon-coin"></i></div>'+
					'<div class="coinnum c-hide"><div><i class="icon icon-coin"></i>5.00<div></div>';
		$('body').append(thtml);
		setTimeout(function(){
			$('.coinnum').fadeIn(500);
		},600);
		$('.coinnum').click(function(){
			$('.cointip,.coinnum').remove();
			window.location.href='生钱.html';
		});
	});
}();
</script>
</body>
</html>